<div id="subnav" class="subnav">
    <notempty name="_extra_menu">
        {// 动态扩展菜单 //}
        {:extra_menu($_extra_menu,$__MENU__)}
    </notempty>
    <volist name="__MENU__.child" id="sub_menu">
        <!-- 子导航 -->
        <notempty name="sub_menu">
            <notempty name="key"><h3><i class="icon icon-unfold"></i>{$key}</h3></notempty>
            <ul class="side-sub-menu">
                <volist name="sub_menu" id="menu">
                    <li>
                        <a class="item" href="{$menu.url|U}">{$menu.title}</a>
                    </li>
                </volist>
            </ul>
        </notempty>
        <!-- /子导航 -->
    </volist>
    <h3>
        <i class="icon icon-fold"></i>
        <a class="item" href="{:U('Goods/index?cate_id=147')}">演唱会</a>
    </h3>
    <ul class="side-sub-menu subnav-off">
        <li>
            <a class="item" href="{:U('Goods/index?cate_id=148')}">个人演唱会</a>
        </li>
        <li>
            <a class="item" href="{:U('Goods/index?cate_id=149')}">跨年演唱会</a>
        </li>
        <li>
            <a class="item" href="{:U('Goods/index?cate_id=150')}">企业晚会</a>
        </li>
    </ul>

    <h3>
        <i class="icon icon-fold"></i>
        <a class="item" href="{:U('Goods/index?cate_id=145')}">纪念品管理</a>
    </h3>
    <ul class="side-sub-menu subnav-off">
        <li>
            <a class="item" href="{:U('Goods/index?cate_id=146')}">纪念品</a>
        </li>
    </ul>

    <h3>
        <i class="icon icon-fold"></i>
        <a class="item" href="{:U('Stage/index')}">舞台管理</a>
    </h3>
    <ul class="side-sub-menu subnav-on">
        <li>
            <a class="item" href="{:U('Stage/index')}">场地设置</a>
        </li>
    </ul>

    <h3>
        <i class="icon icon-fold"></i>
        <a class="item" href="{:U('Shows/index')}">演唱会管理</a>
    </h3>
    <ul class="side-sub-menu subnav-off">
        <li>
            <a class="item" href="{:U('Shows/index')}">演唱会(已生成)</a>
        </li>
    </ul>
</div>
<script>
    $(function(){
        var current = $(".main-nav li:eq(2)");
        current.addClass('current');

        $(".side-sub-menu li").hover(function(){
            $(this).addClass("hover");
        },function(){
            $(this).removeClass("hover");
        });
    })
</script>
